﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Video.aspx.cs" Inherits="Video" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">

<script src="Scripts/videoBox/js/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="Scripts/videoBox/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="Scripts/videoBox/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<script type="text/javascript" charset="utf-8">
    $(document).ready(function () {
        $("a[rel^='prettyPhoto']").prettyPhoto();
    });
</script>

    <asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1" 
        RepeatColumns="4" >
        <ItemTemplate>
            <asp:Panel ID="Panel1" runat="server" GroupingText='<%# Eval("Title") %>' Width="200">
             <a href='<%# Eval("link") %>' rel="prettyPhoto" title="">
<%# Eval("Description")%></a><br />
            </asp:Panel>
       


        </ItemTemplate>
    </asp:DataList>
    
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
        ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
        SelectCommand="SELECT * FROM [Video] WHERE [Status]=1"></asp:SqlDataSource>

</asp:Content>

